<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./CSS/蓝铅笔-问答.css">
    <link rel="stylesheet" href="./CSS/蓝铅笔-commer.css">
    <link rel="stylesheet" href="./CSS/蓝铅笔footer.css">
     <link rel="stylesheet" href="./CSS/蓝铅笔-head.css">
     <link rel="stylesheet" href="./CSS/normalize.css">
     <link rel="stylesheet" href="./font/蓝铅笔/iconfont.css">
     <link rel="stylesheet" href="./font/蓝铅笔-问答font/iconfont.css">
      <link rel="stylesheet" href="./font/换一换/iconfont.css">
</head>
<body>
    <div class="header-box">
        <div class="header">
            <div class="header-heart">
                <div class="logo"><img src="./蓝铅笔漫步images/logo.png" alt=""></div>
                <div class="nav">
                    <div class="nav-heart">
                    <ul class="nav-ul">
                        <li class="nav-ul-li">
                            <a href="#">
                                首页
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                网校
                                <img src="./蓝铅笔漫步images/hot.png" alt="">
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                教程区
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                大触来了
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                每日一画
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                问答社区
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                商业订单
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                素材下载
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                              APP下载
                            </a>
                        </li>
                    </ul>
                    </div>
                    <div class="bth">
                        <input type="text" name="username" id="username" placeholder="绘画教程" autocomplete="off">
                        <i class="iconfont icon-sousuo"></i>
                    </div>
                </div>
                <div class="login">
                    <div class="login-img">
                        <a href="#">
                            <img src="./蓝铅笔漫步images/1.png" alt="">
                        </a>
                    </div>
                    
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                </div>
            </div>
        </div>
       </div>   
     <div class="location">
       <div class="location-heart">
        <span>当前位置:</span>
        <a href="#">首页</a>
        <em>></em>
        <a href="#">问答社区</a>
        <em>></em>
        <a href="#">推荐</a>
     </div>
    </div>
    <div class="recommend">
        <div class="recommend-heart">
            <div class="recommend-heart-left">
                <ul class="recommend-heart-left-ul">
                    <li class="rhul">
                        <a href="#">
                            推荐
                        </a>
                    </li>
                    <li class="rhul">
                        <a href="#">
                            作业
                            <span>
                                (1299655)
                            </span>
                        </a>
                    </li>
                    <li class="rhul">
                        <a href="#">
                            问答
                            <span>
                                (3085)
                            </span>
                        </a>
                    </li>
                    <li class="rhul">
                        <a href="#">
                            动态
                            <span>
                            (172321)
                            </span>
                        </a>
                    </li>
                    <li class="rhul">
                        <a href="#">
                            指绘
                            <span>
                            (73095)
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="recommend-heart-right">
                <a href="#">发布动态</a>
            </div>
        </div>
    </div>
    <div class="homework">
        <div class="homework-heart">
            <div class="homework-heart-top">
                <div class="homework-heart-top-title">
                    <strong>推荐作业</strong>
                </div>
                <div class="homework-heart-top-quantity">
                    <span>蓝铅笔学员已累计辅导学员作业</span>
                    <em>1299655</em>
                </div>
                <div class="student">
                    <div class="student-author">
                        <img src="./蓝铅笔漫步images/42.jpg" alt="">
                        <a href="#">啊这</a>
                    </div>
                    <span>刚刚提交了作业</span>
                </div>
            </div>
            <div class="opus-content">
                <ul class="opus-ul">
                 <li class="opus-ul-li">
                        <div class="opus-img">
                             <a href="#">
                                <img src="./蓝铅笔漫步images/80.jpg" alt="">
                                <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>1个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                        <li class="opus-ul-li">
                            <div class="opus-img">
                               <a href="#">
                                 <img src="./蓝铅笔漫步images/81.jpg" alt="">
                                 <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>1个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                        <li class="opus-ul-li">
                            <div class="opus-img">
                               <a href="#">
                                 <img src="./蓝铅笔漫步images/82.jpg" alt="">
                                 <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>4个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                        <li class="opus-ul-li">
                            <div class="opus-img">
                               <a href="#">
                                 <img src="./蓝铅笔漫步images/83.jpg" alt="">
                                 <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>4个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                        <li class="opus-ul-li">
                            <div class="opus-img">
                               <a href="#">
                                 <img src="./蓝铅笔漫步images/84.jpg" alt="">
                                 <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>22个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                        <li class="opus-ul-li">
                            <div class="opus-img">
                               <a href="#">
                                 <img src="./蓝铅笔漫步images/85.jpg" alt="">
                                 <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>33个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                        <li class="opus-ul-li">
                            <div class="opus-img">
                               <a href="#">
                                 <img src="./蓝铅笔漫步images/86.jpg" alt="">
                                 <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>1个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                        <li class="opus-ul-li">
                            <div class="opus-img">
                               <a href="#">
                                 <img src="./蓝铅笔漫步images/87.jpg" alt="">
                                 <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>1个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                        <li class="opus-ul-li">
                            <div class="opus-img">
                               <a href="#">
                                 <img src="./蓝铅笔漫步images/88.jpg" alt="">
                                 <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>25个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                        <li class="opus-ul-li">
                            <div class="opus-img">
                               <a href="#">
                                 <img src="./蓝铅笔漫步images/90.jpg" alt="">
                                 <div class="day">
                                    <img src="./蓝铅笔漫步images/66.png" alt="">
                                    <span>17个月学习成果</span>
                                 </div>
                               </a>
                            </div>
                        </li>
                       </ul>
            </div>
            <div class="homework-heart-bottom">
                <a href="#">
                    <i class="iconfont icon-huanyihuan1"></i>
                    <span>换一批</span>
                </a>
                <a href="#">
                    查看更多作业
                </a>
            </div>
        </div>
    </div>
    <div class="reply">
        <div class="reply-heart">
            <div class="homework-heart-top">
                <div class="homework-heart-top-title">
                    <strong>精选问答</strong>
                </div>
                <div class="homework-heart-top-quantity">
                    <span>蓝铅笔用户已累计提问</span>
                    <em>1299655</em>
                </div>
                <div class="student">
                    <div class="student-author">
                        <img src="./蓝铅笔漫步images/42.jpg" alt="">
                        <a href="#">啊这</a>
                    </div>
                    <span>刚刚进行了提问</span>
                </div>
            </div>
            <div class="reply-content">
                <ul class="reply-content-ul">
                    <li class="reply-content-ul-li">
                       <div class="reply-li-top">
                        <div class="reply-li-top-left">
                            <span>萌新求教</span>
                            <span>头像</span>
                        </div>
                        <div class="reply-li-top-right">
                            <a href="#">查看全部 ></a>
                           </div>
                       </div>
                      <div class="reply-li-bottom">
                        <a href="#">
                            <p>头像概括到底怎么练啊，我快要疯了，求练习方法</p>
                            <div class="reply-li-bottom-img">
                                <img src="./蓝铅笔漫步images/91jpg.jpg" alt="">
                            </div>
                        </a>
                      </div>
                    </li>
                    <li class="reply-content-ul-li">
                        <div class="reply-li-top">
                         <div class="reply-li-top-left">
                             <span>萌新求教</span>
                             <span>头像发型</span>
                             <span>光影上色</span>
                         </div>
                         <div class="reply-li-top-right">
                             <a href="#">查看全部 ></a>
                            </div>
                        </div>
                       <div class="reply-li-bottom">
                         <a href="#">
                             <p>画好了发型，卡住了上色，寡了……挠头了，本来想上个白发帅气逼人的发型色，结果手废了。【我的上色过程：铺色，用铅笔加浅，后加深，再细线画出小线条，看着寡淡寡淡的头发色很是不对味啊！】来个大神教教我吧！！！😢😢</p>
                             <div class="reply-li-bottom-img">
                                 <img src="./蓝铅笔漫步images/92.jpg" alt="">
                             </div>
                         </a>
                       </div>
                     </li>
                     <li class="reply-content-ul-li">
                        <div class="reply-li-top">
                         <div class="reply-li-top-left">
                             <span>人体肌肉 </span>
                             <span>透视问题</span>
                         </div>
                         <div class="reply-li-top-right">
                             <a href="#">查看全部 ></a>
                            </div>
                        </div>
                       <div class="reply-li-bottom">
                         <a href="#">
                             <p>每次画这种角度的肩膀总感觉画的很僵硬，但是自己又看不出什么问题，有没有劳斯能说说窍门呢</p>
                             <div class="reply-li-bottom-img">
                                 <img src="./蓝铅笔漫步images/93.jpg" alt="">
                             </div>
                         </a>
                       </div>
                     </li>
                     <li class="reply-content-ul-li">
                        <div class="reply-li-top">
                         <div class="reply-li-top-left">
                             <span>萌新求教</span>
                             <span>服装</span>
                             <span>材质</span>
                         </div>
                         <div class="reply-li-top-right">
                             <a href="#">查看全部 ></a>
                            </div>
                        </div>
                       <div class="reply-li-bottom">
                         <a href="#">
                             <p>感觉衣服材质很奇怪</p>
                             <div class="reply-li-bottom-img">
                                 <img src="./蓝铅笔漫步images/94jpg.jpg" alt="">
                             </div>
                         </a>
                       </div>
                       <div class="suggestion">
                         <div class="suggestion-author">
                            <div class="suggestion-author-left">
                                <a href="#">
                                <img src="./蓝铅笔漫步images/42.jpg" alt="">
                                 <span>三文鱼(浅退)</span> 
                                 <img src="./蓝铅笔漫步images/124.png" alt="">
                                 </a>
                            </div>
                            <div class="suggestion-author-right">
                                <span>已采纳</span>
                            </div>
                         </div>
                         <div class="suggestion-comments">
                            <p>感觉头发层次感完全不够，五官也有一点点不对可以去参考一下别的画作，这也是一个很好的方法~</p>
                         </div>
                       </div>
                     </li>
                     <li class="reply-content-ul-li">
                         <div class="reply-li-top">
                          <div class="reply-li-top-left">
                              <span>萌新求教</span>
                              <span>细化</span>
                          </div>
                          <div class="reply-li-top-right">
                              <a href="#">查看全部 ></a>
                             </div>
                         </div>
                        <div class="reply-li-bottom">
                          <a href="#">
                              <p>画完感觉太空了，但是又不知道加什么</p>
                              <div class="reply-li-bottom-img">
                                <img src="./蓝铅笔漫步images/95.jpg" alt="">
                              </div>
                          </a>
                        </div>
                        <div class="suggestion">
                            <div class="suggestion-author">
                               <div class="suggestion-author-left">
                                <a href="#">
                                   <img src="./蓝铅笔漫步images/42.jpg" alt="">
                                    <span>鲸栎</span>
                                    <img src="./蓝铅笔漫步images/124.png" alt="">
                                </a>
                               </div>
                               <div class="suggestion-author-right">
                                   <span>已采纳</span>
                               </div>
                            </div>
                            <div class="suggestion-comments">
                               <p>脚底下可以加个涟漪，背景加一点星星（有一种脚踏星河的感觉)，加一个光影（感觉这幅画加个光影就已经很惊艳~</p>
                            </div>
                          </div>
                      </li>
                      <li class="reply-content-ul-li">
                         <div class="reply-li-top">
                          <div class="reply-li-top-left">
                              <span>描线 </span>
                              <span>萌新求教</span>
                              <span>临摹</span>
                          </div>
                          <div class="reply-li-top-right">
                              <a href="#">查看全部 ></a>
                             </div>
                         </div>
                        <div class="reply-li-bottom">
                          <a href="#">
                              <p>老师们可以分享一些临幕技巧吗？🥺</p>
                              <div class="reply-li-bottom-img">
                                  <img src="./蓝铅笔漫步images/96.jpg" alt="">
                              </div>
                          </a>
                        </div>
                        <div class="suggestion">
                            <div class="suggestion-author">
                               <div class="suggestion-author-left">
                                <a href="#">
                                   <img src="./蓝铅笔漫步images/42.jpg" alt="">
                                    <span>软小糖</span>
                                    <img src="./蓝铅笔漫步images/124.png" alt="">
                                </a>
                               </div>
                               <div class="suggestion-author-right">
                                   <span>已采纳</span>
                               </div>
                            </div>
                            <div class="suggestion-comments">
                               <p>这是你画的吗？我觉得画的不错呀~</p>
                            </div>
                          </div>
                      </li>
                </ul>
            </div>
            <div class="homework-heart-bottom">
                <a href="#">
                    <i class="iconfont icon-huanyihuan1"></i>
                    <span>换一批</span>
                </a>
                <a href="#">
                    查看更多回答
                </a>
            </div>
        </div>
    </div>
    <div class="community">
        <div class="community-heart">
            <div class="homework-heart-top">
                <div class="homework-heart-top-title">
                    <strong>精选问答</strong>
                </div>
                <div class="homework-heart-top-quantity">
                    <span>蓝铅笔用户已累计提问</span>
                    <em>1299655</em>
                </div>
                <div class="student">
                    <div class="student-author">
                        <img src="./蓝铅笔漫步images/42.jpg" alt="">
                        <a href="#">啊这</a>
                    </div>
                    <span>刚刚进行了提问</span>
                </div>
            </div>
            <div class="community-content">
                <ul class="community-content-ul">
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/97.jpg" alt="">
                            <i class="iconfont icon-dianzan"></i>
                        </div>
                        <div class="ccul-middle">
                            <p>
                                <a href="#">约稿</a>
                                <a href="#">原创</a>
                                <a href="#">绘画</a>
                            </p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>60</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>0</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@5</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <a href="#">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>卷卷</span>
                            </a>
                        </div>
                    </li>
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/98.jpg" alt="">
                            <i class="iconfont icon-dianzan"></i>
                        </div>
                        <p class="p-pic">CDR绘制 可爱小猫咪🐱</p>
                        <div class="ccul-middle">
                            <p>
                                <a href="#">约稿</a>
                                <a href="#">原创</a>
                                <a href="#">绘画</a>
                            </p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>112</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>0</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@5</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <a href="#">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>小铅笔</span>
                        </a>
                        </div>
                    </li>
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/99.jpg" alt="">
                            <i class="iconfont icon-dianzan"></i>
                        </div>
                        <p class="p-pic">利用中午时间给你们更新，我真不容易</p>
                        <div class="ccul-middle">
                            <p>
                                <a href="#">约稿</a>
                                <a href="#">原创</a>
                                <a href="#">绘画</a>
                            </p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>404</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>0</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@19</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <a href="#">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>妳的溪</span>
                        </a>
                        </div>
                    </li>
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/102.jpg" alt="">
                            <i class="iconfont icon-dianzan"></i>
                        </div>
                        <p class="p-pic">古风插画系列—梅花拟人</p>
                        <div class="ccul-middle">
                            <p>
                                <a href="#">约稿</a>
                                <a href="#">原创</a>
                                <a href="#">绘画</a>
                            </p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>408</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>0</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@16</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <a href="#">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>夜雨梧桐凤栖花</span>
                        </a>
                        </div>
                    </li>
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/101.jpg" alt="">
                            <i class="iconfont icon-dianzan"></i>
                        </div>
                        <p class="p-pic">我画的魔女</p>
                        <div class="ccul-middle">
                            <p>
                                <a href="#">约稿</a>
                                <a href="#">原创</a>
                                <a href="#">绘画</a>
                            </p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>192</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>1</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@14</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <a href="#">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>suryin</span>
                        </a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="homework-heart-bottom">
                <a href="#">
                    <i class="iconfont icon-huanyihuan1"></i>
                    <span>换一批</span>
                </a>
                <a href="#">
                    查看更多作品
                </a>
            </div>
        </div>
    </div>
    <div class="guide">
        <div class="guide-heart">
            <div class="homework-heart-top">
                <div class="homework-heart-top-title">
                    <strong>指绘创作</strong>
                </div>
                <div class="homework-heart-top-quantity">
                    <span>蓝铅笔用户已创作指绘作品</span>
                    <em>73110</em>
                </div>
                <div class="homework-heart-top-font">
                    <span>立即发布></span>
                     <div class="guide-ewm">
                        <img src="./蓝铅笔漫步images/125.png" alt="">
                     </div>
                </div>
            </div>
            <div class="community-content">
                <ul class="community-content-ul">
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/102.jpg" alt="">
                            <i class="iconfont icon-dianzan"></i>
                        </div>
                        <p class="p-pic">第一次画不太好看（不喜勿喷）</p>
                        <div class="ccul-middle">
                            <p></p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>239</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>0</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@8</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>小铅笔</span>
                        </div>
                    </li>
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/103.jpg" alt="">
                        </div>
                        <div class="ccul-middle">
                            <p></p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>218</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>0</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@7</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>巴特</span>
                        </div>
                    </li>
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/104.jpg" alt="">
                            <i class="iconfont icon-dianzan"></i>
                        </div>
                        <p class="p-pic">小鸟游乐花</p>
                        <div class="ccul-middle">
                            <p></p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>254</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>0</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@3</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>落瑶黎</span>
                        </div>
                    </li>
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/105.jpg" alt="">
                            <i class="iconfont icon-dianzan"></i>
                        </div>
                        <p class="p-pic">我可以称它为八竿子打不到一边指绘</p>
                        <div class="ccul-middle">
                            <p></p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>393</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>5</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@13</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>小乐色.</span>
                        </div>
                    </li>
                    <li class="community-content-ul-li">
                        <div class="ccul-top">
                            <img src="./蓝铅笔漫步images/106.jpg" alt="">
                            <i class="iconfont icon-dianzan"></i>
                        </div>
                        <div class="ccul-middle">
                            <p></p>
                            <p>
                                <span>
                                    <i class="iconfont icon-yanjing"></i>
                                    <em>280</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-31pinglun"></i>
                                    <em>0</em>
                                </span>
                                <span>
                                    <i class="iconfont icon-dianzan"></i>
                                    <em>@6</em>
                                </span>
                            </p>
                        </div>
                        <div class="ccul-bottom">
                            <img src="./蓝铅笔漫步images/42.jpg" alt="">
                            <span>失眠是常态⁰</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="homework-heart-bottom">
                <a href="#">
                    <i class="iconfont icon-huanyihuan1"></i>
                    <span>换一批</span>
                </a>
                <a href="#">
                    查看更多指绘
                </a>
            </div>
        </div>
    </div>
    <div class="record">
        <p><a href="#">
            <span>首页</span>
                <em>|</em>
                <span>关于我们</span>
                <em>|</em>
                <span>学习服务</span>
                <em>|</em>
                <span>教程中心</span>
                <em>|</em>
                <span>培训课程</span>
                <em>|</em>
                <span>网站地图</span>
                <em>|</em>
                <span>加入我们</span>
                <em>|</em>
                <span>联系我们</span>
            </a>
        </p>
        <p>
            <img src="./蓝铅笔漫步images/63.png" alt="">
            <a href="#">浙公网安备33010602000717号</a>
            <span>Copyright © 2022杭州多技教育科技有限公司</span>
            <a href="#">浙ICP备11056181号-4</a>
        </p>
    </div>
    <div class="mask-box">
    <div class="mask">
        <div class="mask-heart">
            <div class="mask-left">
                <img src="./蓝铅笔漫步images/126.png" alt="">
            </div>
            <div class="mask-middle">
                <img src="./蓝铅笔漫步images/127.png" alt="">
            </div>
            <div class="mask-footer">
                <a href="#"><img src="./蓝铅笔漫步images/128.png" alt=""></a>
            </div>
        </div>
    </div>
    </div>
</body>
</html>